<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>憩石</title>
<link rel="stylesheet" href="./js/layui/css/layui.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./pages/main.css">
<script src="./js/layui/layui.js"></script>
<script src="./pages/main.js"></script>
</head>
<body>
	<div class="layui-layout layui-layout-admin">
		<!-- 水平导航栏 -->
		<div class="layui-header header header-demo">
			<div class="layui-logo qs-color">
				<a href="javascript:;" data-url="pages/welcome/welcome.html" onclick="autoJumpStaticPage(this)" class="logo">layui 后台布局</a>
				<!-- 显示/隐藏菜单 -->
				<a href="javascript:;" class="seraph hideMenu"><i class="layui-icon" data-icon="&#xe668;">&#xe668;</i></a>
			</div>
			<!-- 顶级菜单 -->
			<ul class="layui-nav mobileTopLevelMenus layui-layout-left" mobile>
				<li class="layui-nav-item" data-menu="contentManagement">
					<a href="javascript:;"><i class="seraph icon-caidan"></i><cite>layuiCMS</cite></a>
					<dl class="layui-nav-child">
						<dd class="layui-this" data-menu="contentManagement"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe63c;">&#xe63c;</i><cite>内容管理</cite></a></dd>
						<dd data-menu="memberCenter"><a href="javascript:;"><i class="seraph icon-icon10" data-icon="icon-icon10"></i><cite>用户中心</cite></a></dd>
						<dd data-menu="systemeSttings"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe620;">&#xe620;</i><cite>系统设置</cite></a></dd>
						<dd data-menu="testComponent"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe705;">&#xe705;</i><cite>测试组件</cite></a></dd>
						<dd data-menu="seraphApi"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe705;">&#xe705;</i><cite>更新日志</cite></a></dd>
					</dl>
				</li>
			</ul>
			<ul class="layui-nav topLevelMenus layui-layout-left" pc>
				<li class="layui-nav-item layui-this" data-menu="contentManagement">
					<a href="javascript:;"><i class="layui-icon" data-icon="&#xe63c;">&#xe63c;</i><cite>内容管理</cite></a>
				</li>
				<li class="layui-nav-item" data-menu="memberCenter" pc>
					<a href="javascript:;"><i class="seraph icon-icon10" data-icon="icon-icon10"></i><cite>用户中心</cite></a>
				</li>
				<li class="layui-nav-item" data-menu="systemeSttings" pc>
					<a href="javascript:;"><i class="layui-icon" data-icon="&#xe620;">&#xe620;</i><cite>系统设置</cite></a>
				</li>
				<li class="layui-nav-item" data-menu="testComponent" pc>
					<a href="javascript:;"><i class="layui-icon" data-icon="&#xe705;">&#xe705;</i><cite>测试组件</cite></a>
				</li>
				<li class="layui-nav-item" data-menu="seraphApi" pc>
					<a href="javascript:;"><i class="layui-icon" data-icon="&#xe705;">&#xe705;</i><cite>更新日志</cite></a>
				</li>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="surface/index.html" target="view_window">前台首页</a></li>
				<li class="layui-nav-item stone_float_right"><a href="">控制台<span
						class="layui-badge">9</span></a></li>
				<li class="layui-nav-item stone_float_right"><a href="">个人中心<span
						class="layui-badge-dot"></span></a></li>
				<li class="layui-nav-item stone_float_right"><a href=""><img
						src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="javascript:;">修改信息</a>
						</dd>
						<dd>
							<a href="javascript:;">安全管理</a>
						</dd>
						<dd>
							<a href="javascript:;" onclick="logout()">退了</a>
						</dd>
					</dl>
				</li>
			</ul>
		</div>
		<!-- 侧边导航 -->
		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll navBar">
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
				<!-- 定格: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
				<li class="layui-nav-item">
					<a href="javascript:;">系统设置</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="javascript:;" data-url="pages/user/userList.html" onclick="autoJumpPage(this)">用户（静态页面）</a>
						</dd>
						<dd>
							<a href="javascript:;" data-url="group/groupList" onclick="autoJumpPage(this)">组别（ftl页面）</a>
						</dd>
						<dd>
							<a href="javascript:;" data-url="pages/role/roleList.html" onclick="autoJumpPage(this)">角色（静态页面）</a>
						</dd>
						<dd>
							<a href="javascript:;" data-url="pages/menu/menu.html" onclick="autoJumpPage(this)">菜单</a>
						</dd>
					</dl>
				</li>
			</ul>
			</div>
		</div>
		<!-- 右侧内容也主体 -->
		<div class="layui-body site-demo">
			<div class="layui-tab mag0" lay-filter="bodyTab" id="top_tabs_box">
				<ul class="layui-tab-title top_tab" id="top_tabs">
					<li class="layui-this layui-tab-main" lay-id=""><i class="layui-icon">&#xe68e;</i> <cite>后台首页</cite></li>
				</ul>
				<ul class="layui-nav closeBox">
					<li class="layui-nav-item">
						<a href="javascript:;"><i class="layui-icon caozuo">&#xe643;</i> 页面操作</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;" class="refresh refreshThis"><i class="layui-icon">&#x1002;</i> 刷新当前</a></dd>
							<dd><a href="javascript:;" class="closePageOther"><i class="seraph icon-prohibit"></i> 关闭其他</a></dd>
							<dd><a href="javascript:;" class="closePageAll"><i class="seraph icon-guanbi"></i> 关闭全部</a></dd>
						</dl>
					</li>
				</ul>
				<div class="layui-tab-content clildFrame">
					<div class="layui-tab-item layui-show">
						<iframe id="main-body-frame" src="./pages/welcome/welcome.html" style="height: 100%"></iframe>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-footer">
		    <!-- 底部固定区域 -->
		    © hhss_baili@163.com - 底部固定区域
		</div>
	</div>
	<script>
		//注意：导航 依赖 element 模块，否则无法进行功能性操作
		layui.use('element', function() {
			var element = layui.element;
	
			//…
		});
	</script>
	<!-- <script>
	//一般直接写在一个js文件中
	layui.use(['layer', 'form'], function(){
	  var layer = layui.layer
	  		,form = layui.form;
	  
	  layer.msg('Hello World');
	});
</script>  -->
</body>
</html>